<template>
  <div id="app">
		<transition name="fade" mode="out-in">
			<router-view></router-view>
		</transition>
  </div>
</template>

<script>
export default {
	name: 'App',
	mounted(){
    this.checkLogin();
  },
	methods:{
		checkLogin(){
      let user_name = window.localStorage.getItem('user_name')
      if(!user_name){
        this.$router.replace({ path: '/login'});
      }
    },
	}
}
</script>

<style lang='scss'>
  html,body {
	margin: 0px;
	padding: 0px;
	/*background: url(assets/bg1.jpg) center !important;
		background-size: cover;*/
	// background: #1F2D3D;
	font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
}

#app {
	position: absolute;
	top: 0px;
	bottom: 0px;
	width: 100%;
}

.fade-enter-active,
.fade-leave-active {
	transition: all .5s ease;
}

.fade-enter,
.fade-leave-active {
	opacity: 0;
}
.ql-editor{
  min-height:400px;
}
// .content-wrapper{
// 	width:auto !important;
// }
</style>
